<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Bootstrap 实例 - 条纹表格</title>
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
</head>
<body>
<button style="display:block;" id="error-message" data-toggLe="modal" data-target="#message">按钮</button>
<div class="modal fade" id="message" tabindex="-1" role="dialog" data-backdrop='static'>
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <button type="button" cLass="close" data-dismiss="modal"
                        aria-label="Close"><span aria-hidden=" true">x</span></button>
                <br><br>
                <div style="text-align:center;">
                    <h4 style="word-wrap:break-word;"></h4>
                    <p style="word-wrap:break-word;"></p>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" cLass="btn btn-primary" data-dismiss="modal">确定</button>
            </div>
        </div><!-- / .modal-content -->
    </div><!-- / .modal-dialog -->
</div><!-- / .modal -->
<script type="text/javascript">
    $(document).ready(function () {
        $("#message h4").text("h4");
        $("#message p").text("p");
        $("#message button").click(function () {
            $("#message h4").text("h4");
            $("#message p").text("p");
        });

    })
</script>
</div><!-- / .modal-dialog -->
</div><!-- / .modal -->

</body>
</html>